<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>热门活动</title>

  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/sddy.css">
</head>
<body>
  <div id="box-wrap">
    <!-- 标题栏 -->
    <div id="title-wrap">
      <img class="title-logo" src="../images/logo.png" alt="" />
      <img class="title-menu" src="../images/menu.png" alt="" />
    </div>

    <!-- 内容 -->
    <div id="activity-detail">
      <div class="activity-detail-date">
        <text>2017-07-13 09:00</text>
      </div>
  
      <div class="activity-detail-content">
        <img src="../images/img_12.png" alt="" />
        <p>
          内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
        </p>
      </div>
    </div>

    <!-- footer -->
    <footer id="footer">
      <button>下载APP</button>
      <text class="copyright">Ver 2017-2018 盛德新能源</text>
      <text class="copyright">Copyright by Santa, Support by evfort. ICP: 18012315</text>
    </footer>
  </div>

    <!-- 侧边栏 -->
  <div id="side-wrap">
      <header>
        <img class="side-logo" src="../images/logo.png" alt="" />
        <img class="side-close" src="../images/close.png" alt="" />
      </header>
      <div id="side-ul">
        <ul>
          <li id="home">
            <a href="home.html">
              <text>首页</text>
              <img src="../images/right_arrow.png" alt="" />
            </a>
          </li>
          <li>
            <a href="about.html">
              <text>关于我们</text>
              <img src="../images/right_arrow.png" alt="" />
            </a>
          </li>
          <li>
            <a href="activity.html">
              <text>热门活动</text>
              <img src="../images/right_arrow.png" alt="" />
            </a>
          </li>
          <li>
            <a href="download.html">
              <text>下载APP</text>
              <img src="../images/right_arrow.png" alt="" />
            </a>
          </li>
        </ul>
      </div>
  </div>
  
  <!-- mask -->
  <div id='side-mask'></div>

  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="../js/sddy.js"></script>
</body>
</html>